<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="This is HSQ's 2048 game user js jquery bt and so on">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

    <title>My2048</title>
    <link rel="stylesheet" type="text/css" id="css" href="20482.css" />

    <link href="bootstrap.css" rel="stylesheet">

    <script src="bootstrap.min.js"></script>
    <link href="bootstrap-responsive.css" rel="stylesheet">


    <script type="text/javascript" src="My2048.js"></script>
    <script src="jquery.js"></script>
    <style type="text/css">

        .div2048divtile2
        {
            color: RGB(112,129,141);
            background:url(images/bktile2.png) no-repeat scroll 50% 0;
           
            
            font-weight: bold;
            font-family: '微软雅黑';
             box-shadow: 2px 5px 3px grey;
           
        }
        .div2048divtile4
        {
            color: RGB(73,127,156);
               background:url(images/bktile4.png) no-repeat scroll 50% 0;
           
                box-shadow: 2px 5px 3px grey;


        }
        .div2048divtile8
        {
            color: RGB(12,123,181);
              background:url(images/bktile8.png) no-repeat scroll 50% 0;
           
              box-shadow: 2px 5px 3px grey;

        }
        .div2048divtile16
        {
            color:RGB(41,150,149);
              background:url(images/bktile16.png) no-repeat scroll 50% 0;
             box-shadow: 2px 5px 3px grey;

        }
        .div2048divtile32
        {
            color:RGB(88,160,34);
           background:url(images/bktile32.png) no-repeat scroll 50% 0;
                box-shadow: 2px 5px 3px grey;

        }
        .div2048divtile64
        {
            color:RGB(132,89,199);
            background:url(images/bktile64.png) no-repeat scroll 50% 0;
               box-shadow: 2px 5px 3px grey;

        }
        .div2048divtile128
        {
            color:RGB(218,69,109);
             background:url(images/bktile128.png) no-repeat scroll 50% 0;
               box-shadow: 2px 5px 3px grey;

        }
        .div2048divtile256
        {
            color:RGB(243,108,30);
              background:url(images/bktile256.png) no-repeat scroll 50% 0;
             box-shadow: 2px 5px 3px grey;

        }
        .div2048divtile512
        {
            color:RGB(251,251,251);
           background:url(images/bktile512.png) no-repeat scroll 50% 0;
               box-shadow: 2px 5px 3px grey;

        }
        .div2048divtile1024
        {
            color:RGB(244,244,244);
             background:url(images/bktile1024.png) no-repeat scroll 50% 0;
               box-shadow: 2px 5px 3px grey;

        }

        .div2048divtile2048
        {
            color:RGB(244,244,244);
              background:url(images/bktile2048.png) no-repeat scroll 50% 0;
              box-shadow: 2px 5px 3px grey;

        }
        .div2048divtile4096
        {
            color:RGB(244,244,244);
           background:url(images/bktile4096.png) no-repeat scroll 50% 0;
                box-shadow: 2px 5px 3px grey;

        }
        .scorepanel
        {
            clear: both;
            height:50px;
            background-color:RGB(255,255,255);
            font-size: 60px;
            color: RGB(204,192,178);
            padding-top: 30px;
            text-align: center;

        }
        .myfootertext
        {
            font-weight: bold;
            font-family: '微软雅黑';
            font-size: 30px;
            float:left;

        }
        .myfooterimg
        {
            float: right;
        }

    </style>
</head>
<body>
<div class="container-fluid">
<div id="chbackground">

<div class="scorepanel">
    <b id="score">0</b>
</div>



        <div id="div2048" style="margin-top: 30px;">


            <a id="start" onclick='game2048()'>
                tap to start :-)
            </a>

        </div>

        </div>
        <footer>

            <center>

                <div style="width: 235px;padding-top: 10px;">
                    <a href="#" id="example"   rel="popover"    data-placement="top"  data-content="2048游戏是2014年最为流行的益智类游戏，游戏方法为使用‘W''S''A''D'四个键控制上下左右，使相同数字的方块进行合并得分。<br/>游戏难度会随着方块的数字增大而增大。同时按'B'键可以更换游戏的背景。<br/>另外就是在小齐特色版中，当合成2048以后就会有特殊奖励哦O(∩_∩)O~！<br/>゜○。○゜。Ｏ°ｏ○。ｏ゜○。゜Ｏ○。°゜Ｏ○。°○ｏ°○ｏ○゜ｏ。Ｏ゜○。゜。゜○。○゜<br/><br/>" data-original-title="2048game">

                    <div class="myfootertext" >

                        <p>Powered by HSQ
                   &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>Mailto:xiaogeqq1034@163.com
                    </p>

                    </div>
                    </a>


                    <div class="myfooterimg">
                        <a href="#" id="example2"   rel="popover"    data-placement="top"  data-content="再忙也要打游戏！<br/>特殊奖励认识小齐的可以直接找小齐要后门哈！<br/>另外也欢迎各位童鞋交流技术的话直接发送邮件到‘xiaogeqq1034@qq.com'这个邮箱中就可以同小齐交流哈！<br/>" data-original-title="小齐说">

                        <img  style="width: 30px;height: 30px;" src="images/bktile2048.png">
                    </a>
                </div>


            </div>

        </center>
        </footer>

   </div>


<!-- 模态框（Modal） -->



<script src="bootstrap-modal.js"></script>
<script src="http://libs.baidu.com/jquery/1.7.1/jquery.min.js"></script>
<script src="bootstrap-tooltip.js"></script>
<script src="bootstrap-popover.js"></script>
<script>
    $(function ()
    { $("#example").popover();
    });
    $(function ()
    { $("#example2").popover();
    });
</script>
</body>
</html>